<template>
  <div> 
    <el-tabs v-model="activeName" type="card" >
      <el-tab-pane label="部门管理" name="DepMana"><dep-mana/></el-tab-pane>
      <el-tab-pane label="职位管理" name="PosMana"><pos-mana/></el-tab-pane>
      <el-tab-pane label="职称管理" name="JobLevelMana"><job-level-mana/></el-tab-pane>
      <el-tab-pane label="奖励规则" name="EcMana"><ec-mana/></el-tab-pane>
      <el-tab-pane label="权限组" name="PermissMana"><permiss-mana/></el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import DepMana from '../../components/sys/basic/DepMana.vue'
import EcMana from '../../components/sys/basic/EcMana.vue'
import JobLevelMana from '../../components/sys/basic/JobLevelMana.vue'
import PermissMana from '../../components/sys/basic/PermissMana.vue'
import PosMana from '../../components/sys/basic/PosMana.vue'
export default {
    name: "sysBasic",
    components: {
        DepMana,
        EcMana,
        JobLevelMana,
        PermissMana,
        PosMana
    },
    data(){
      return{
        activeName: 'DepMana',
      }
    }
}
</script>

<style scoped>
</style>